<template>
  <div style="display:flex;flex-flow:row nowrap;justify-content:center;align-items: center;">
    <number-flip
      :number="num"
      font-size="150px"
      font-color="green"
      bg-color="red"
      :min-count="6"
    ></number-flip>
  </div>
</template>

<script>
import NumberFlip from "../../components/number-flip";
export default {
  components: { NumberFlip },
  data() {
    return {
      num: '0000'
    }
  },
  mounted() {
    setInterval(_ => {
      this.num = Math.floor(Math.random() * 9000 + 1000);
    }, 3000)
  }
}
</script>

<style>

</style>